Ext.define('MyApp.view.RetrievePanel', {
    extend: 'Ext.Panel',
	xtype: 'retrievepanel',
	//id: 'retrievepanel',
	config: {
		items: [{
		xtype: 'formpanel',
				//id: 'retrieveForm',
				itemId: 'retrieveForm',
                height: '100%',
                width: '100%',
                scrollable: true,
				url: 'http://appt.elasticbeanstalk.com/retrieve.php',
				standardSubmit: true,
                items: [
					{
						xtype: 'fieldset',
						docked: 'top',
						height: '100%',
						width: '100%',
						scrollable: true,
						centered: true,
						items: [
							{
								xtype: 'textfield',
								itemId: 'username',
								label: 'Username',
								labelWidth: '40%',
								name: 'username'
							},
							{
								xtype: 'textfield',
								itemId: 'password',
								label: 'Password',
								labelWidth: '40%',
								name: 'password'
							}
						]
					}
		
			]
		},
		{
			xtype: 'button',
			text: 'Retrieve Key',
			docked: 'bottom',
			ui: 'action',
			handler: function(){
			
			}
		},
		{
			xtype: 'titlebar',
			docked: 'top',
			title: 'The Appointment App'
		},
	
	]
	}
	
	
});